
body{
    background:#f5f5f5;
}

/* 头部 */
#head{
    min-width: 1200px;
    height:80px;
    background:#fff;
    box-shadow: 0 2px 2px #e5e5e5;
    margin-bottom:35px;
}
#head .logo{
    margin-right:40px;
}
#head .logo img{
    width: 155px;
    height: 28px;
    margin-top:26px;
}
#head ul>li{
    float:left;
    padding-left:16px;
    padding-right:16px;
}
#head ul>li>a{
    display: block;
    font-size:16px;
    width:100%;
    height:100%;
    line-height:80px;
    color:#4e555d;
}

#head .search{
    margin-top:26px;
    font-size:12px;
    width:280px;
    height:26px;
    color:#757575;
    border-bottom: 2px solid #dadde1;
    position: relative;
}
#head .search input{
    margin-left:10px;
    width:100%;
    height: 100%;
    border:0;
}
#head .search a{
    background:#f2f2f2;
    margin-left:10px;
    color:#757575;
    padding:3px 5px;
}
#head .search a:nth-child(2){
    position:absolute;
    left:118px;
    bottom:3px;
}
#head .search a:nth-child(3){
    position:absolute;
    left:178px;
    bottom:3px;
}
#head .search button{
   border:0;
   position:absolute;
   right:10px;
   bottom:5px;
}
#head .right>a{
    float: left;
    line-height:80px;
    font-size:12px;
    color:#333333;
}
#head .right>a:nth-child(2){
    margin-left:24px;
}
#head .right>a:nth-child(3){
    margin-left:20px;
}
#head .right>a:nth-child(4){
    margin-left:35px;
}
#head .right>a:nth-child(5){
    margin-left:20px;
}



/* 轮播 */
#banner{
    min-width: 1200px;
    height: 448px;
    border-radius: 25px;
}
#banner>ul{
    width: 210px;
    height: 100%;
    background:#2b333b;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
#banner>ul>li{
    width:150px;
    padding-left:34px;
    padding-right:26px;
    height:49px;
}
#banner>ul>li:hover{
    background:#4e555d;
}
#banner>ul>li>a{
    display: block;
    width: 100%;
    height:49px;
    color:#fff;
    font-size:12px;
    line-height: 49px;
}
#banner>div>a>img{
    width: 990px;
    height: 448px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

/* 就业直通车 */
#car{
    height:365px;
    padding-bottom: 40px;
}
#car .title{
    text-align: center;
    line-height:80px;
    font-size: 16px;
    color:#4e555d;
}

#car .content>a{
    float: left;
    display: block;
    width: 220px;
    height: 286px;
    text-align: center;
    box-shadow: 3px 3px 3px #e5e5e5;
    border-radius: 3px;
}
#car .content>a:hover{
    text-decoration: none;
    background:#e3e3e3;
}
#car .content>a:not(:last-child){
    margin-right:24px;
    margin-bottom:12px;
}
#car .content>a>img{
    width: 220px;
    height: 113px;
    margin-bottom: 29px;
}
#car .content>a>div:nth-child(2){
    font-size: 12px;
    color:#323233;
}
#car .content>a>div:nth-child(3){
    font-size: 12px;
    color:#919191;
    margin-bottom:16px;
}
#car .content>a>div:nth-child(4){
    font-size: 14px;
    color:#35b558;
    margin-bottom: 20px;
}
#car .content>a>div:nth-child(5){
    margin:0 auto;
    width: 100px;
    height: 30px;
    font-size: 12px;
    color:#8e8e8e;
    background:#e5e5e5;
    border-radius: 5px;
    text-align: center;
    line-height:30px;
}


/* 热门推荐 */
#hot{
    min-width: 1200px;
    height:374px;
    background:#fff;
}
#hot>div{
    height:100%;
}
#hot .title{
    text-align: center;
    line-height:78px;
    font-size: 16px;
    color:#4e555d;
}
#hot .nav{
    width:100%;
    height:22px;
    margin-bottom: 22px;
}
#hot .nav ul li{
    height:16px;
    float: left;
    padding-bottom:8px;
    margin-right:20px;
}
#hot .nav ul li>a{
    width:100%;
    height:100%;
    display: block;
    font-size:16px;
    color:#585858;
}
#hot .nav ul li:hover,
#hot .nav ul .checked{
    border-bottom:1px solid #35b558;
}
#hot .nav ul li:hover>a,
#hot .nav ul .checked>a{
    color:#35b558;
}
#hot .nav ul li>a:hover{
    text-decoration: none;
}
#hot .nav>a{
    font-size:12px;
    color:#585858;
}
#hot .nav>a:hover{
    color:#35b558;
}
#hot .content{
    height: 204px;
    margin-bottom:53px;
}
#hot .content a{
    display: block;
    float: left;
    width: 218px;
    height: 204px;
    border-radius: 10px;
}
#hot .content a:hover{
    text-decoration: none;
    box-shadow: 3px 3px 3px #e5e5e5;
}
#hot .content a:not(:last-child){
    margin-right:27px;
}
#hot .content a .show{
    width: 218px;
    height: 136px;
    border-radius: 10px;
    position:relative;
}
#hot .content a .show img{
    width: 218px;
    height: 136px;
    border-radius: 10px;
}
#hot .content a .show div{
    width: 42px;
    height: 22px;
    font-size:12px;
    position:absolute;
    right:7px;
    top:7px;
    background: #f6122f;
    color:#fff;
    text-align: center;
    line-height: 22px;
    border-radius: 5px;
}
#hot .content a>div:nth-child(2){
    line-height:46px;
    font-size:16px;
    color:#333333;
    width:100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#hot .content .bottom{
    padding-left:3px;
}
#hot .content .bottom>span{
    font-size:12px;
    color:#ff8900;
    float: left;
}

#hot .content .bottom>div span{
    font-size:12px;
    color:#878787;
    margin-left:3px;
}
/* 广告 */
#ad{
    min-width: 1200px;
    background:#fff;
     margin-bottom:40px;
     padding-bottom:20px;
}
#ad a{
    display: block;
    height: 100px;
    margin:0 auto;
}
#ad img{
    vertical-align: top;
    width: 1200px;
    height: 100px;
}

/* 学员故事 新闻资讯 微视频 */
#list{
    height: 476px;
    margin-bottom:40px;
}
#list>div{
    float: left;
    width: 352px;
    height: 440px;
    padding:16px 14px;
    background:#fff;
}
#list>div:not(:last-child){
    margin-right:30px;
}
#list>div>.title{
    width:100%;
    height:30px;
    margin-bottom: 10px;
}
#list>div>.title div{
    width: 78px;
    height: 30px;
    text-align: center;
    line-height:30px;
    font-size:12px;
    color:#fff;
    background:#82c280;
    border-radius: 15px;
}
#list>div>.title a{
    color:#8d8d8d;
}
#list .story .one,
#list .story .two{
    display: block;
    width: 356px;
    height: 150px;
    background:#f8fafc;
}
#list .story .one:hover,
#list .story .two:hover{
    text-decoration: none;
}
#list .story .one{
    margin-bottom:16px;
}
#list .story.top{
    height: 63px;
}
#list .story.top img{
    width: 63px;
    height: 63px;
}
#list .story .right{
    padding-left:12px;
}
#list .story .right>div{
    font-size:16px;
    color:#383838;
    line-height: 30px;
}
#list .story .right>div>span{
    font-size:14px;
}
#list .story .one .bottom,
#list .story .two .bottom{
    width:320px;
    padding:0 3px;
    padding-top:20px;
    font-size:14px;
    line-height:26px;
    color:#707070;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow:hidden;
}

#list>.news>.title div{
    background:#c89381;
}
#list>.news .top,
#list>.news .bottom{
    display: block;
    width: 356px;
    height: 150px;
}
#list>.news .top:hover,
#list>.news .bottom:hover{
    text-decoration: none;
}
#list>.news h2{
    font-size:14px;
    line-height: 16px;
    color:#2d2d2d;
    margin-bottom:20px;
}
#list>.news p{
    font-size: 12px;
    color:#888c8e;
    line-height:24px;
    background:#f8fafc;
    padding:7px 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow:hidden;
}

#list>.video>.title div{
    background:#78aabf;
}
#list>.video .show{
    margin-bottom:15px;
}
#list>.video .show img{
    width: 160px;
    height: 88px;
}
#list>.video .show>div{
    width: 170px;
    height: 118px;
    padding-left:10px;
}
#list>.video .show h2{
    font-size:16px;
    color:#3e3e3e;
    line-height:32px;
}
#list>.video .show p{
    font-size:12px;
    color:#939393;
    line-height:24px;
}
#list>.video ul>li{
    padding-left:20px;
    width: 300px;
    height: 50px;
    background:url(../images/listBg.jpg) no-repeat 0 20px;
}
#list>.video ul a{
    display: block;
    width:100%;
    line-height: 50px;
    font-size:14px;
    color:#3e3e3e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 底部 */
#footer{
    min-width: 1200px;
    height: 294px;
    background:#fff;
    padding-top:30px;
}
#footer .nav{
    background:#f7f7f7;
    height: 40px;
    margin-bottom:14px;
}
#footer .nav a{
    display: block;
    float: left;
    width: 90px;
    height: 40px;
    font-size:12px;
    color:#4e555d;
    line-height:40px;
    text-align: center;
}
#footer .nav a:hover,
#footer .nav .checked{
    background:#494c54;
    color:#fff;
}
#footer .content ul{
    float: left;
    margin-right:36px;
    width:364px;
}
#footer .content ul li{
    width: 100%;
    height:36px;
}
#footer .content ul a{
    width: 100%;
    display: block;
    font-size:12px;
    line-height: 36px;
    color:#9b9b9b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 信息 */
#information{
    height: 97px;
    background:#fff;
    text-align: center;
    font-size:12px;
    color:#9b9b9b;
    line-height:24px;
}
#information div span{
    margin-right:12px;
}